.main {
	padding-left: 1rem;
	position: relative;
	cursor: pointer;
	.icon {
		position: absolute;
		right: -10px;
		top: -10px;
		background: #942222;
		border-radius: 6px;
		padding: 0 0.2rem;
		font-size: 10px;
		min-width: 1rem;
		text-align: center;
		background: #f04038;
		color: #fff;
	}
}
.notification-centre {
	overflow: hidden;
	max-height: 24rem;
	width: 340px;
	padding: 1rem;
	position: absolute;
	background: #2a2b32;
	left: -10rem;
	z-index: 100;
	border-radius: 4px;
	header.header {
		height: 1.5rem;
		line-height: 1.5rem;
		display: flex;
		justify-content: space-between;
		font-size: var(--text-md);
		color: var(--color-5);
		user-select: none;
		padding: 0 0.5rem;
		.moreNotifi {
			color: var(--color-primary);
		}
	}
	.header > span {
		color: #fff;
	}
	:global {
		.rc-tabs-top .rc-tabs-content {
			height: calc(calc(100vh - 38px) - 3.5rem);
		}
		.rc-tabs-top .rc-tabs-bar {
			border-bottom: 1px solid #43454d;
		}
	}

	&.empty {
		text-align: center;
		padding: 20vh 0;
	}

	.tab-name {
		.count {
			background: #f04038;
			padding: 0 0.2rem;
			margin-left: 0.25rem;
			border-radius: 8px;
			color: #fff;
			font-size: 10px;
			position: absolute;
			top: 0;
			min-width: 1rem;
			text-align: center;
		}
	}
}
.identified-content {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 2.25rem;
  line-height: 2.25rem;
  text-align: center;
  background: var(--color-nav-bg);
  display: block;
  color: var(--color-text-3);
	a {
		color: #1890ff !important;
	}
}
